<template>
    <div :class="{ 'padding-16px': showPadding }">

        <router-view v-slot="{ Component, route }">
            <transition name="fade-slide" mode="out-in" appear>
                <div :key="route.name">
                    <component :is="Component" :key="route.path" />
                </div>
            </transition>
        </router-view>
    </div>
</template>

<script setup lang='ts'>
interface Props {
    /** 是否显示padding（有无间隔） */
    showPadding?: boolean;
}

withDefaults(defineProps<Props>(), {
    showPadding: true,
})

</script>

<style scoped>
</style>